<template>
  <div class="about">
    <div class="block">
      <el-image :src="url">
        <div slot="placeholder" class="image-slot">
          加载中
          <span class="dot">...</span>
        </div>
      </el-image>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fits: ["fill", "contain", "cover", "none", "scale-down"],
      url:
          "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"
    };
  }
};
</script>

<style lang="less">
.about {
  margin: auto;
  margin-top: 10px;
  width: 60%;
}
</style>
